<!--
 * @Author: Penk
 * @LastEditors: Penk
 * @LastEditTime: 2022-12-27 21:11:56
 * @FilePath: \penk-ui\src\components\PenkButton\PenkButton.vue
 * @email: 492934056@qq.com
-->
<template>
  <div class="penk-button">{{ name }}</div>
</template>

<script setup lang="ts">
import { ref } from "vue";

interface Props {
  name: string;
}
// 定义props
let name = ref("name");
let props = defineProps<Props>();
</script>

<style lang="less" scoped>
.penk-button {
  display: inline-block;
  padding: 8px 20px;
  background-color: aquamarine;
  cursor: pointer;
  border-radius: 5px;
  user-select: none;

  &:hover {
    background-color: aqua;
  }
}
</style>
